<template lang="html">
  <x-header :left-options="{showBack: showBack}" class="header">{{$route.name}}</x-header>
</template>

<script>
import { XHeader, Actionsheet, TransferDom } from 'vux'
import { mapGetters } from 'vuex'
export default {
  name: 'Header',
  directives: {
    TransferDom
  },
  computed: {
    ...mapGetters({
      showBack: 'getShowBack'
    })
  },
  components: {
    XHeader,
    Actionsheet
  }
}
</script>

<style lang="css">
  #app .header{
    background-color:#0066CC;
  }
</style>
